<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.prime.com.tr/ui"> 

<f:view contentType="text/html">

<h:head>
<title><ui:insert name="head"></ui:insert></title>
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/aristo/skin.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
<style type="text/css">
.new {
background: url(../images/new-ico.gif) no-repeat 1%;
}

.ui-widget {
font-size: 98% !important;
}

.ui-menu .ui-menu-item .ui-menu-item-label {
padding: .2em 1.7em;
}

.ui-growl {
top:115px;
}

.themeMenu {
overflow: auto;
height:300px;
width:200px;
}
</style>

</h:head>

<h:body>
<div class="ui-widget ui-widget-header" >
<div id="logo">

</div>
	<p:dock position="top" itemWidth="50" maxWidth="100" >  
     		<p:menuitem label="Importaciones" icon="/images/stack/import.png" url="#" value="Importaciones"/>  
    		<p:menuitem label="Ventas" icon="/images/stack/prueba.png" url="#"/>  
    		<p:menuitem label="Credito" icon="/images/stack/creditcard.png" url="#"/>  
    		<p:menuitem label="Configuracion" icon="/images/stack/configuration.png" url="#" />  
    		<p:menuitem label="Configuracion" icon="/images/stack/configuration.png" url="#" />
	</p:dock>
</div>


<div id="wrapper">

<div id="page">


<div id="content" class="ui-widget">
<div class="post">
<ui:insert name="content">...</ui:insert>
</div>
</div>

<div style="clear: both;"> </div>
</div>
</div>

<div id="footer" class="ui-widget ui-widget-header ui-corner-all" align="center" dir="ltr">
<p class="copyright"> DESIGNED BY DIEGO CURBELO - MATHIAS LOPEZ &copy; Copyright 2011 - Todos los derechos reservados</p>
</div>

</h:body>

</f:view>
</html>